<!DOCTYPE html>
<html lang="en">

<head>
	<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
	<link href="./vendor/bootstrap-grid.css" rel="stylesheet">
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据资产管理平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />

	<!-- Google Font -->

	<link href="./assets/layui/css/layui.css" rel="stylesheet">
	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="assets/font/iconfont.css">

	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />

	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />
	<link href="assets/css/serviceDetial.css" rel="stylesheet">
</head>
<style>
	.searchHeaderBox {
		position: absolute;
		top: 83px;
		z-index: 1999;
		background-color: white;
		width: 400px;
		left: 856px;
		padding: 10px;
	}

	.itxt {
		outline: none;
		border: none;
		width: 80px;
		text-align: center;
	}

	.decrement,
	.increment {
		background-color: #FF6A00;
		border: none;
		width: 30px;
		cursor: pointer;
	}

	.decrement:focus,
	.increment:focus {
		outline: none;
	}

	.decrement {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.increment {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.searchHeaderBox .label {
		padding: 3px 8px;
		border: 1px solid #d8d8d8;
		margin-right: 12px;
		margin-bottom: 10px;
	}

	::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #999;
		font-size: 14px;
	}

	::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #999;
		font-size: 14px;
	}

	:-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #999;
		font-size: 14px;
	}

	.price {
		border-radius: 5px;
		padding: 2px 5px;
		border: 1px solid #FF6A00;
		cursor: pointer;
		margin-right: 5px;
		display: inline-block;
		margin-bottom: 3px;
		font-size: 12px;
	}

	.price.active {
		color: white;
		background-color: #FF6A00;
	}


	/*星星样式*/
	.atar_Show {
		background: url(./assets/img/stark2.png);
		width: 160px;
		height: 21px;
		position: relative;
		float: left;
	}

	.atar_Show p {
		background: url(./assets/img/stars2.png);
		left: 0;
		height: 21px;
		width: 124px;
	}
</style>

<body>

	<!----------------------------------------------------------------------
	NAVBAR (remove topnav if you don't want changed nav background on scroll)
	------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2"
					style="font-size: 20px;"></i><strong>数据资产管理</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link" href="./index.html">门户首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./dataResources.html">公开数据</a>
					</li>
<!--					<li class="nav-item dropdown">-->
<!--						<a class="nav-link" href="productStore.html">数据产品 </a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./serviceStore.html">服务产品</a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./customShop.html">定制数据</a>-->
<!--					</li>-->
					<li class="nav-item">
						<a class="nav-link" href="./developer.html">平台介绍</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./newMessage.html">平台资讯</a>
					</li>
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./accessData.html">数据访问</a>-->
<!--					</li>-->
					<li class="nav-item highSerachBtn">
						<div class="col pt-4 pb-4">
							<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"><span
									class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-search"
										style="font-size: 20px;"></i></span>搜索</a>
						</div>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
<!--					<li class="nav-item">-->
<!--						<a class="nav-link myBtn" href="javascript:;">-->
<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i-->
<!--									class="iconfont icon-cart-arrow-down"></i></span>产品袋-->
<!--						</a>-->
<!--					</li>-->
					<li class="nav-item">
						<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-bxs-book-reader"></i></span>用户中心 </a>
					</li>
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
							<li class="layui-nav-item">
								<a href="javascript:;" style="color: #353c58 !important;">
									<span class="iconbox border-0" style="margin-right: 5px;"><i
											class="iconfont icon-user-fill"></i></span>
									用户：<span id="accunt">登录过期</span>
								</a>
								<dl class="layui-nav-child">
									<dd><a href="./changePassword.html">修改密码</a></dd>
									<dd><a href="" id="logOutBtn">退出登录</a></dd>
								</dl>
							</li>
						</ul>
					</li>
					<li class="nav-item disabledNone" id="attestation">
						<a class="nav-link" style="color:#03CA93;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
					</li>
					<li class="nav-item disabledNone noUser">
						<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-user-fill"></i></span>登录 </a>
					</li>
					<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="./register.html">
							<a class="btn btn-success btn-round shadow-sm text-white" href="#" data-toggle="modal"
								data-target="#modal_newsletter">
								<i class="iconfont icon-github"></i> 立即注册 <a href="#" class="downloadzip"
									class="hidden"></a>
							</a>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->


	<!-------------------------------------HEADER--------------------------------------->
	<header>
		<div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative"
			style="background-color: #FF6A00 !important;">
			<div class="container-fluid text-white h-100">
				<div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
					<div class="col pt-4 pb-4">
						<h1 class="display-3 text-white"><strong id="dataTitle">数据详情</strong></h1>
						<h4 class="font-weight-light mb-4 text-white"><strong> 数据资产管理</strong><strong></strong></h4>
					</div>
					<div
						class="col align-self-bottom align-items-right text-right h-max-380 h-xl-560 position-relative z-index-1">
						<img src="assets/img/demo/ali/fuwu.gif" class="rounded img-fluid">
					</div>
				</div>
			</div>

	</header>

	<main class="container">
		<!--------------------------------------PRICING--------------------------------------->
		<section class="pt-4 pb-5" data-aos="fade-up">
			<h3 class="h5 mb-4 font-weight-bold">数据简介</h3>
			<div>
				<div id="detaile">
				</div>
			</div>
		</section>



		<!--------------------------------------productInfo--------------------------------------->
		<section class="pt-4 pb-5" data-aos="fade-up">
			<!-- <h3 class="h5 mb-4 font-weight-bold" class="text-center">数据产品详情</h3> -->
			<div>
				<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="ace-tab-goods-card">
								<div class="goods-card-box">
									<div class="good-card-corner"></div>
									<div class="row">
										<div class="goods-card-left">
											<div class="card-left-content">
												<div class="left-card-title">
													<span>数据信息</span>
													<!-- <div style="display: inline-block;margin-left: 10px;">
														<span class="tag-item-text tags-btn">热门商品</span>
														<span class="tag-item-text tags-btn">最新上架</span>
														<span class="tag-item-text tags-btn">优惠活动</span>
													</div> -->


												</div>

												<div class="left-extra-accessory">
													<div class="left-extra-accessory-info">
														<h2>名称</h2>
														<div id="productName">名称</div>
													</div>

													<div class="left-extra-accessory-info">
														<h2>用户</h2>
														<div id="createBy">用户</div>
													</div>
													<div class="left-extra-accessory-info">
														<h2>当前状况</h2>
														<div id="status">当前状况</div>
													</div>
												</div>

												<div class="left-extra-accessory">
													<div class="left-extra-accessory-info">
														<h2>上架时间</h2>
														<div id="createTime">上架时间</div>
													</div>
													<div class="left-extra-accessory-info">
														<h2>是否需要审核</h2>
														<div id="isAudit">否</div>
													</div>
													<div class="left-extra-accessory-info">
														<h2>共享类型</h2>
														<div id="sharedType">共享类型</div>
													</div>
												</div>
												<div class="left-extra-accessory">
													<div class="left-extra-accessory-info">
														<h2>申购总数</h2>
														<div id="buyCount">次数</div>
													</div>
													<div class="left-extra-accessory-info">
														<h2>访问总数</h2>
														<div id="visitCount">isTry</div>
													</div>
													<!-- <div class="left-extra-accessory-info">
														<h2>是否允许试用</h2>
														<div id="isTry">允许</div>
														<a href="javascript:;">
															<span class="ace-btn-helper applyTry btnStyle">申请试用</span>
														</a>
													</div> -->
												</div>
												<div class="left-extra-accessory">
													<div class="left-extra-accessory-info">
														<h2 id="buyStatus">总使用次数</h2>
														<div id="buyType">次数</div>
													</div>
													<!-- <div class="left-extra-accessory-info">
														<h2 id="">好评率</h2>
														<div id="">98%</div>
													</div> -->
												</div>
											</div>
										</div>
<!--										<div class="goods-card-right">-->
<!--											<div class="right-form-box" style="height: 136px;">-->
<!--												<div class="ace-row ace-form-item ace-left ace-medium form-item-list" style="margin-top: -10px;">-->
<!--													<div class="ace-col ace-col-6 ace-form-item-label ace-left" style="line-height: 44px;">-->
<!--														<label style="margin-bottom: 0px;">总&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价</label>-->
<!--													</div>-->
<!--													<div class="ace-col ace-col-16 ace-form-item-control" id=""><span style="font-size: 1.5em;font-weight: 600;" id="totalPrice">0.00</span> 元</div>-->
<!--												</div>-->
<!--												<div class="unconditionalBox disabledNone">-->
<!--													<div class="ace-row ace-form-item ace-left ace-medium form-item-list">-->
<!--														<div class="ace-col ace-col-6 ace-form-item-label ace-left">-->
<!--															<label>无条件共享（随意使用）</label>-->
<!--														</div>-->
<!--													</div>-->
<!--												</div>-->
<!--												<div class="pricingTypeBox disabledNone">-->
<!--													<div class="ace-row ace-form-item ace-left ace-medium form-item-list">-->
<!--														<div class="ace-col ace-col-6 ace-form-item-label ace-left">-->
<!--															<label>计价方式</label>-->
<!--														</div>-->
<!--														<div class="ace-col ace-col-16 ace-form-item-control" id="priceLableBox"></div>-->
<!--													</div>-->
<!--													<div class="ace-row ace-form-item ace-left ace-medium form-item-list" style="margin-top: 10px;">-->
<!--														<div class="ace-col ace-col-6 ace-form-item-label ace-left" style="margin-top: -10px;">-->
<!--															<label>数量<span id="buyCalculateUnit">(次数)</span></label>-->
<!--														</div>-->
<!--														<div class="ace-col ace-col-16 ace-form-item-control">-->
<!--															&lt;!&ndash; <span class="ace-select ace-select-trigger ace-select-single ace-medium form-item-selected ace-inactive ace-has-search">-->
<!--																<div class="name-info-detail ">-->
<!--																	<button class="decrement">-</button><input type="text" class="itxt" value="1"><button class="increment">+</button>-->
<!--																</div>-->
<!--															</span> &ndash;&gt;-->
<!--															<div id="buySlideNumber" class="demo-slider" style="padding-left: 3px;"></div>-->
<!--															<div class="" style="float: right;margin-top: -12px;margin-right: -90px;font-size: 12px;"><span id="buyMinprice">0</span> 元 ~ <span id="buyMaxprice">0</span> 元</div>-->
<!--														</div>-->
<!--													</div>-->

<!--												</div>-->
<!--												<div class="useTypeBox disabledNone">-->
<!--													<div class="ace-row ace-form-item ace-left ace-medium form-item-list">-->
<!--														<div class="ace-col ace-col-6 ace-form-item-label ace-left">-->
<!--															<label>使用方式</label>-->
<!--														</div>-->
<!--														<div class="ace-col ace-col-16 ace-form-item-control" id="useLableBox"></div>-->
<!--													</div>-->
<!--													<div class="ace-row ace-form-item ace-left ace-medium form-item-list" style="margin-top: 10px;">-->
<!--														<div class="ace-col ace-col-6 ace-form-item-label ace-left" style="margin-top: -10px;">-->
<!--															<label>数量<span id="useCalculateUnit">(次数)</span></label>-->
<!--														</div>-->
<!--														<div class="ace-col ace-col-16 ace-form-item-control">-->
<!--															&lt;!&ndash; <span class="ace-select ace-select-trigger ace-select-single ace-medium form-item-selected ace-inactive ace-has-search">-->
<!--																<div class="name-info-detail ">-->
<!--																	<button class="decrement">-</button><input type="text" class="itxt" value="1"><button class="increment">+</button>-->
<!--																</div>-->
<!--															</span> &ndash;&gt;-->
<!--															<div id="useSlideNumber" class="demo-slider" style="padding-left: 3px;"></div>-->
<!--															<div class="" style="float: right;margin-top: -12px;margin-right: -90px;font-size: 12px"><span id="useMinprice">0</span> 元 ~ <span id="useMaxprice">0</span> 元</div>-->
<!--														</div>-->
<!--													</div>-->

<!--												</div>-->

<!--												<hr>-->
<!--												<div class="right-link">-->
<!--													<ul>-->

<!--														<li>-->

<!--														</li>-->

<!--													</ul>-->
<!--												</div>-->
<!--											</div>-->
<!--										</div>-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="pt-4 pb-5" data-aos="'fade-up">
			<h3 class="h5 mb-4 font-weight-bold">详情介绍</h3>
			<div class="card-pricing">
			</div>
<!--			<div class="card-pricing">-->
<!--				产品使用者要求-->
<!--			</div>-->
<!--			<div class="card-pricing">-->
<!--				产品结构内容-->
<!--			</div>-->
<!--			<div class="card-pricing">-->
<!--				产品获取方法-->
<!--			</div>-->
<!--			<div class="card-pricing">-->
<!--				产品使用方法-->
<!--			</div>-->
<!--			<div class="card-pricing">-->
<!--				产品用途-->
<!--			</div>-->
		</section>



		<!-- <section class="pt-4 pb-5" data-aos="fade-up">
			<h3 class="h5 mb-4 font-weight-bold">产品评价</h3>
			<div class="card-deck card-pricing">
				<div id="evaluatePage"></div>
			</div>
		</section> -->
	</main>

	<!-------------------------------------- FOOTER 底部 --------------------------------------->
	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #FF6A00;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据资产管理平台</p>
						Copyright @ 2022 数据资产管理平台-版权所有 蜀ICP备202223603号
					</small>
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<a href="./legal.html" style="color: white;">隐私政策</a> |
						<a href="./legal.html" style="color: white;">服务条款</a> |
						<a href="./legal.html" style="color: white;">版权声明</a>
					</small>
				</div>
			</div>
		</div>
	</footer>




	<!-------------------------------------- JAVASCRIPTS --------------------------------------->
	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<script src="vendor/popper.min.js" type="text/javascript"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="vendor/share.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
	<script src="./vendor/bootstrap.bundle.js"></script>
	<script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="js/tool.js" type="text/javascript"></script>
	<script src="js/header.js" type="text/javascript"></script>
	<script src="assets/font/iconfont.js" type="text/javascript"></script>
	<script src="js/serverProductDetial.js" type="text/javascript"></script>
	<!-- tab事件-->
	<script>
		$(function () {
			$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
				// 获取已激活的标签页的名称
				var activeTab = $(e.target).text();
				// 获取前一个激活的标签页的名称
				var previousTab = $(e.relatedTarget).text();
				$(".active-tab span").html(activeTab);
				$(".previous-tab span").html(previousTab);
			});
		});
	</script>
	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>

	<!-- Carousel Height Smooth -->
	<!-- <script>
    $('.carousel').on('slide.bs.carousel', function (event) {
      var height = $(event.relatedTarget).height();
      var $innerCarousel = $(event.target).find('.carousel-inner');
      $innerCarousel.animate({
        height: height
      });
    });
    </script> -->

	<!-- Popovers -->
	<script>
		$(function () {
			$('[data-toggle="popover"]').popover()
		})
		$('.popover-dismiss').popover({
			trigger: 'focus'
		})
	</script>

	<!-- Tooltips -->
	<script>
		$(function () {
			$('[data-toggle="tooltip"]').tooltip()
		})
	</script>


</body>

</html>
